#new_module_selector{
    margin:0px 0px 10px 0px;
    float:left;
    width:100%;
}
#new_module_selector form{
    padding:0px;
    margin:0px;
}
#new_module_selector select{
    border:1px solid #555;

}
#editor_area_container {
    float:none;
    min-width:600px;
}

.editor_area{
    border:1px solid #888;
    margin:0px 0px 10px 0px;
}

.editor_area .header {
    height:24px;
    line-height:24px;
    width:100%;
    border-bottom:1px solid #888;
    background:#33393c;
    color:#fff;
}
.editor_area .header > a {
    color:#fff;
    display:block;
    float:left;
    height:20px;
    line-height:20px;
    margin-top:2px;
    margin-left:2px;
}
.editor_area .header .title {
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    font-family:arial;
    color:#fff;
    margin-left:5px;
    text-decoration:none;
}



.editor_area .editor_wrapper {
    padding:0px 0px;
}
.editor_area .editor_wrapper .editor{
    padding:5px;
}

.module_list{
    list-style:none;
    margin:0px;
    margin-bottom:5px;
    padding:3px 3px 3px 3px;
    border-bottom:1px solid #777777;
}
#module_list_footer{
    margin-bottom: 20px;
    float:left;
    clear:both;
    width:100%;
}
.panel {
    color:#FFFFFF;
    font-size:12px;
    font-weight: 800;
    display:inline-block;
    margin-top:4px;
    margin-left:3px;
    margin-bottom:3px;
}
.panel-right {
    float:right;
    color:#fff;
    text-decoration:none;
    font-weight:800;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    margin: 4px 3px 0px 0px;

}
.module_item{
    background:#fff;
    overflow: hidden;
}
.module_item_placeholder{
    background:#ffa;
    margin:10px 0px;
}

.page_item_placeholder{
    background:#ffa;
    margin:0px 0px;
}


#tree_list{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:354px;
    float:left;
    height:255px;
    overflow:auto;
}
.tree_item{
    padding:2px 2px;
    margin:3px 3px;
    border:1px dotted #ccc;
    float:left;
    position:relative;
}
.tree_item .remove{
    padding:2px;
    float:left;
    position:absolute;
    bottom:5px;
    left:2px;
    border:1px solid #1095eF;
    border-style: solid solid none none;
}
.tree_item_info{
    position:absolute;
    bottom:5px;
    width:100px;
    height:67px;
    background:#333;
    color:#fff;
    overflow:hidden;
}
.tree_item_info a{
    color:#fff;
    text-decoration:none;
    margin:2px 2px;
}

#tree_area_container{
    float:left;
    background:#ddd;
    position:fixed;
    bottom:5px;
    right:5px;

}
#hide_tree_area{
    background:#33393C;
    width:100%;
    height:24px;
    line-height:24px;
    float:left;
}

#hide_tree_area > span {
    padding:0px 5px;
    color:#fff;
    font-weight:bold;
}


.tree_area{
    border:1px solid #888;
    margin:0px 0px 10px 0px;
}
.tree_header{
    display:block;
    background:#666;
    color:#fff;
    font-weight:bold;
    padding:2px 5px;
    border-bottom:1px solid #999;
}
#tree_modal_info2{
    font-size:11px;
}
#tree_modal_info{
    font-size:9px;
    font-family:monospace;
}

.module-list
{
}